<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美丽说</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/search.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2713479_3y1dy3kuj2e.css?spm=a313x.7781069.1998910419.40&file=font_2713479_3y1dy3kuj2e.css">
</head>
<body>
    <!-- 网站头部导航栏 -->
    <header>
        <div class="head clearfix container">
            <ul>
                <li>商家后台</li>
                <li>
                    <font>帮助中心</font>
                    <div class="help"></div>
                    <ul class="hadden">
                        <li>买家服务</li>
                        <li>商家服务</li>
                        <li>规则中心</li>
                    </ul>

                </li>
                <li><div class="form"></div>我的订单</li>
                <li><div class="shop"></div>我的购物车</li>
                <li>
                    <div class="love"></div>我的收藏
                    <ul class="hadden">
                        <li>收藏宝贝</li>
                        <li>收藏店铺</li>
                    </ul>
                </li>
                <li>注册</li>
                <li>登录</li>
                <li><div class="qq"></div>QQ登录</li>
                <li><div class="weichat"></div> 微信登录</li>
            </ul>
        </div>
    </header>
    <!-- 网页搜索框 -->
    <nav>
        <div class="search container">
            <img src="./images/logo.png" alt="" class="search_left">
            <div class="scan_code"></div>
            <div class="search_box">
                <div class="clearfix">
                    <div class="baby">宝贝</div>
                     <div class="shop">店铺</div>
                </div>
                <!-- <div style="clear:both;"></div> -->
                <input type="button" class="fangda"/>
                <input type="search" class="kuang"/>
                <img src="./images/fangdajing.png" alt="">
                <ul>
                    <li class="font_color">连衣裙</li>
                    <li>运动鞋</li>
                    <li class="font_color">雪纺衫</li>
                    <li class="font_color">衬衫</li>
                    <li>薄外套</li>
                    <li>T恤</li>
                    <li>套装</li>
                    <li>牛仔裤</li>
                    <li class="font_color">小白鞋</li>
                    <li>风衣</li>
                    <li class="font_color">绑带凉鞋</li>
                    <li>粗跟单鞋</li>
                </ul>
            </div>
            <!-- <div style="clear:both;"></div>      -->
        </div>    
    </nav>
    <!-- 粘性粘贴 -->
    <div class="font_box">
        <div class="container font_div">
            <ul>
                <li>首页</li>
                <li>上衣</li>
                <li>裙子</li>
                <li>裤子</li>
                <li>女鞋</li>
                <li>包包</li>
                <li>配饰</li>
                <li>美妆</li>
                <li>男友</li>
                <li>童装</li>
                <li>家居</li>
            </ul>
        </div>      
    </div>
    <!-- 侧边栏 -->
    <div class="right_side">
        <ul>
            <li>
                <i class="iconfont icon-44"></i>
                <a href="">下<br>载<br>A<br>P<br>P</a>
                <div class="triangle_white"></div> 
                <img src="./images/meili-app-qrcode140X140.png" alt="" class="code_side">
            </li>
            <li>
                <i class="iconfont icon-gouwuche"></i>
                <a href="">购<br>物<br>车</a> 
            </li>
            <li>
                <i class="iconfont icon-xiaoxi"></i>
                <a href="">消<br>息</a> 
            </li>
            <li>
                <i class="iconfont icon-coupon"></i>
                <a href="">优<br>惠<br>券</a> 
            </li>
            <li>
                <i class="iconfont icon-wujiaoxing"></i>
                <a href="">收<br>藏</a> 
            </li>
            <li>
                <i class="iconfont icon-zuji"></i>
                <a href="">足<br>迹</a> 
            </li>
        </ul>
    </div>
    <!-- 商品详情页和轮播图 -->
    <main>
        <div class="container center">
            <img src="./images/banner01.jpg" alt="" width="100%">
            <img src="./images/prev.png" alt="" class="trans_traiangle1">
            <img src="./images/next.png" alt="" class="trans_traiangle2">
            <ul class="litte_point">
                <li class="oval"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="ficture_four">
                <img src="./images/kinds01.png" alt="">
                <img src="./images/kinds02.png" alt="">
                <img src="./images/kinds03.png" alt="">
                <img src="./images/kinds04.png" alt="">
            </div>
            <div class="today_new">
                <font class="color">今日新品</font>
                <font>热销单品</font>
                <font>查看更多></font>    
            </div>
            <div class="product"> 
                <div class="product_list">
                    <img src="./images/goods01.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods02.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods03.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods04.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods05.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods06.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods07.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods08.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods09.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
                <div class="product_list">
                    <img src="./images/goods10.png" alt="">
                    <font>¥93.75</font>
                    <i class="iconfont icon-wujiaoxing"></i>
                    <img src="./images/youxuan.png" alt="" class="youxuan">
                    <p class="over"><a href="#">小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</a></p>
                </div>
            </div>
            <div class="good_goal clearfix">
                <p>好物组货</p>
                <p>查看更多></p>
            </div>
            <div class="product_2">
                <div class="list_3">
                    <div class="list_3_p1">
                        <img src="./images/newProduct01.png" alt="" width="100%">
                        <div class="whitefont">
                            50款商品
                            <i class="iconfont icon-sanjiaoyou"></i>
                        </div>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/dress01.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/dress02.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/dress03.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                </div>
                <div class="list_3">
                    <div class="list_3_p1">
                        <img src="./images/newProduct02.png" alt="" width="100%">
                        <div class="whitefont">
                            50款商品
                            <i class="iconfont icon-sanjiaoyou"></i>
                        </div>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/pants01.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/pants02.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/pants03.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                </div>
                <div class="list_3">
                    <div class="list_3_p1">
                        <img src="./images/newProduct03.png" alt="" width="100%">
                        <div class="whitefont">
                            50款商品
                            <i class="iconfont icon-sanjiaoyou"></i>
                        </div>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/shoes01.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/shoes02.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                    <div class="list_3_p3">
                        <img src="./images/shoes03.png" alt="" width="100%">
                        <p>¥100.00</p>
                    </div>
                </div>
            </div>
        </div>
    </main> 
    <!-- 页脚     -->
    <footer>
        <div class="container bottom">
            <div class="bottom_list">
               <ul>
                   <li>买家帮助
                       <ul class="little">
                           <li><a href="#">新手指南</a></li>
                           <li><a href="#">服务保障</a></li>
                           <li><a href="#">常见问题</a></li>
                           <li><a href="#">风险监测</a></li>
                       </ul>
                   </li>
                   <li>商家帮助
                       <ul class="little">
                           <li><a href="#">供货商招募</a></li>
                           <li><a href="#">商家后台</a></li>
                       </ul>
                   </li>
                   <li>关于我们
                       <ul class="little">
                           <li><a href="#">关于美丽说</a></li>
                           <li><a href="#">联系我们</a></li>
                       </ul>
                   </li>
                   <li>关注我们
                       <ul class="little">
                            <li>
                                <div class="xl"></div>
                                <a href="#"> 新浪微博</a>
                            </li>
                            <li>
                                <div class="qq"></div>
                                <a href="#"> QQ空间</a>
                            </li>
                            <li>
                                <div class="tx"></div>
                                <a href="#"> 腾讯微博</a>
                            </li>
                       </ul>
                   </li>
               </ul>
            </div>
            <div class="Qd_code">
                <div class="box1">
                    <font>美丽说微信服务号</font>
                    <img src="./images/weixin-server-qrcode.jpg" alt="">
                </div>
                <div class="box2">
                    <font>美丽说客户端下载</font>
                    <img src="./images/meili-app-qrcode.png" alt="">
                </div>
            </div>
        </div>
        <div class="bottom_footer container">
           <p>Copyright ©2017 xxxxxxxx.com 电信与信息服务业务经营许可证xxxxxx号 经营性网站备案信息</p>
           <p>京ICP备xxxxxxxx号 京公网安备xxxxxxxx 客服电话：xxxx-xxx-xxx 文明办网文明上网举报电话：xxx-xxxxxxxx 违法不良信息举报中心</p>
        </div>
    </footer>
</body>
<!-- </html> -->